import './idx.css';
import {a} from './md';
import axios from 'axios';
axios.get('/bd/sss').then((res) => {
    console.log(res);
});
console.log(99);

// 使用代码实现热更新
if (module.hot) {
    // 什么都不传告诉它更新就行 -- 改完刷新下就好了，再次保存就实现模块热更新了
    // 如果放在顶层模块会对本模块的修改以及子模块的修改进行监控，如果有修改直接更新。
    module.hot.accept();
    // 但是这个也会有问题，比如对dom操作的时候append如果无刷新会不停的插入。如何避免？
    // 比如这里有个ul 执行子模块返回的结果append 到ul 这个时候如果子模块变了原来的ul还在就会造成重复插入dom的问题，因为原来的数据状态一直保持。
    // 解决方案
    // 当我们检测到子模块改变了就要删掉原来的ul
    module.hot.accept('./md', () => {
        // 当监控到子模块发生改变触发回调函数
        console.log(arguments);
        // 在这里就可以删掉老的ul

        // 这里把更新的内容在拿进来
        let a = require('./md').a;
        console.log(a);

        // 把新内容给到ul 给到全局指针每次有更新先删除全局指针的dom.

        // 这就是完成的热更新过程。

        // 这个过程很繁琐但是大多都有Loader完成。但是没有就要自己搞了。
    });
}
console.log(444666777);
a();
